import {request }  from "../../request/index.js";
import regeneratorRuntime from '../../lib/runtime/runtime';
Page({

  /**
   * 页面的初始数据
   */
  data: {
    Tabs:[
      {
        id:0,
        name:"综合",
        isActive:true
      },
      {
        id:1,
        name:"销量",
        isActive:false
      },
      {
        id:2,
        name:"评价",
        isActive:false
      }
    ],
    getlist:[]
  },
  Query:{
    query:"",
    cid:"",
    // 初始的页数
    pagenum:1,
    // 一页的展示个数
    pagesize:10
  },
  zongyeshu:1,
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
   console.log(options)
   this.Query.cid = options.cid||""
   this.Query.query = options.query||""
   this.getnum()
  },
  // 获取商品列表数据
  async getnum(){
    const res=await request({url:"/goods/search",data:this.Query})
    // console.log(res)
    // 获取 总条数
    const total = res.total;
    // 计算总页数
    this.zongyeshu = Math.ceil(total/this.Query.pagesize);
    // console.log(this.zongyeshu)
    this.setData({
      // 数组拼接，不拼接的话那么展示的一直就是下一页的数据，上一页的数据被替换
      getlist:[...this.data.getlist,...res.goods]
    })

    // 关闭数据刷新完成的窗口，关闭下拉的窗口
    wx.stopPullDownRefresh();
    
   },
  // 标题点击事件，从子组件传递过来
  handtabsItemChange(e){
    // 点击获取点击标题的索引
    const {index}=e.detail
    // 2.修改源数组
    let {Tabs} = this.data
    
    Tabs.forEach((v,i)=>i===index?v.isActive=true:v.isActive=false);
   // 3.赋值到data中
   this.setData({
     Tabs
   })
    
   },
// 页面上划 滚动条触碰事件
 onReachBottom(){
  //  判断有没有下一页数据
  if(this.Query.pagenum>=this.zongyeshu){
    // 没有下一页
    // console.log("没有下一页")
    wx:wx.showToast({ title: '没有数据了', });
  }else{
    // 还有下一页
    // console.log("还有下一页")
    this.Query.pagenum++
    this.getnum()
  }
 },
// 下拉刷新事件
  onPullDownRefresh(){
  //1.重置数组
  this.setData({
    getlist:[]
  })
  // 2.重置页码
  this.Query.getnum = 1
  // 3.重新发送请求
  this.getnum()
 }
})